* {
    font-family:cursive;
    text-align: center;
  }
  
  
  h1,h2 {
    color: rgb(9, 7, 2);
    font-size: 30px;
  }
  
  h2{
    margin-left: 100px;
    text-align: left;
    font-weight: bold;
    font-size: 40px;
  }

  p 
  {
    font-size: 22px;
    color: rgb(1, 0, 0);
  }
  
  
  a {
    text-decoration: none;
  }

li{font-weight: bold;
margin: 7px 0px;
position:relative;
text-align: justify;
background-image: url('https://wallpapers.com/images/featured/wall-texture-pictures-nscwts307wlfoebg.jpg');}

li:hover{
opacity:80%;
transition-duration: 5s;}

 img{
    width: 300px;
    height: 300px;
    border: 2px solid black;
}
header li
{display: inline-block;
text-align: center;
font-size: 30px;
position: relative;
width: 220px;
border: 1px solid rgb(34, 34, 33);}
a{
    color: rgba(255, 255, 255, 0.957);}

a:hover{color: rgb(223, 212, 62);
  transition-duration: 3s;}

body{
    background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRqmhrFY2pLrnF0kZ3ltU3v4_hOOc4pQ257mg&usqp=CAU');
    background-repeat: no-repeat;
    background-size: 100%;}

.portfolio img{
    width: 300px;
    height: 200px;
    position: static;
    align-items: left;
    margin-top: 5px;
}
.portfolio{background-color: rgba(26, 24, 29, 0.654);
border: 2px solid black;}
.portfolio img:hover{
  height: 290px;
  width: 390px;
}
.tree img{
  height: 250px;
  width: 180px;
border: 1px solid white;}

.tree img:hover{
  height:310px;
  width:250px;
opacity: 60%;
transition-duration: 5s;}